<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title" id="ntModalLabel">付款详情</h4>
</div>
<div class="modal-body">
    <div class="row">
        <div class="col-md-12">
            <table class="table table-striped">
                <tbody>
                <tr>
                    <td>{:lang("payment_date")}</td>
                    <td colspan="3">{$data.happen_date|default=''} </td>
                </tr>
                <tr>
                    <td>{:lang("payment_account")}</td>
                    <td>{$data.banksname.0.name}/{$data.banksname.0.account_num}</td>
                    <td>收款账号</td>
                    <td>{$data.companyaccount.0.name}/{$data.companyaccount.0.account_num}</td>
                </tr>
                <tr>
                    <td>{:lang('edit')}</td>
                    <td>{$data.updatename|default=''}</td>
                    <td>{:lang("supplier")}</td>
                    <td><a href="##company_detail.php">{$data.companyname|default=''}</a></td>
                </tr>
                <tr>
                    <td>{:lang('amount')}</td>
                    <td colspan="3"><span class="green">{$data.amount|default=''}</span> <span class="unit">CNY</span> </td>
                </tr>

                <tr>
                    <td>{:lang('remark')}</td>
                    <td colspan="3">{$data.remarks|default=''}</td>
                </tr>
                <tr>
                    <td>{:lang("corresponding_contract")}</td>
                    <td colspan="3">
                        <div class="div-scroll" style="max-height:40vh">
                            <table class="table table-striped table-hover ntTable">
                                <thead>
                                <tr>
                                    <th>合同编号</th>
                                    <th>交货日期</th>
                                    <th>{:lang("payment_date")}</th>
                                    <th>应付金额</th>
                                    <th>{:lang("payment_amount")}</th>
                                    <th>差额</th>
                                </tr>
                                </thead>
                                <tbody>
                                {volist name="$data.data" id="vo"}
                                <tr>
                                    <td><a href="#" data-toggle="modal" data-target="#po_detailModal">{$vo.po_id|default=''}</a></td>
                                    <td align="center">{$vo.delivery_date|default=''}</td>
                                    <td align="center">{$vo.happen_date|default=''}</td>
                                    <td class="text-right"><span class="red">{$vo.zhifu|default=''}</span> <span class="unit">CNY</span></td>
                                    <td class="text-right"><span class="green">{$vo.amount|default=''}</span> <span class="unit">CNY</span></td>
                                    <td class="text-right"><span class="blue">{$vo.chahe|default=''}</span> <span class="unit">CNY</span></td>
                                </tr>
                                {/volist}
                                </tbody>
                            </table>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span>{:lang('close')}</button>
</div>